<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Appointment Scheduling Software | Visibook</title>
    <!-- Bootstrap core CSS -->
    <!--https://visibook.com/-->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css"
          integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
          <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/pricing.css">
</head>
<body>
<header>
    <nav class="navbar navbar-expand-xl navbar-light bg-faded">
        <div class="container">
        <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt=""></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item active">
                    <a class="nav-link" href="pricing.html">Pricing <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="faq.html">FAQ</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="base.html">Fund a Calendar</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="login.html">Login</a>
                </li>
            </ul>
        </div>
        </div>
    </nav>
</header>
<!--// Testimonial mobile -->
<div class="bg-yellow h-100">
<section class="section-card pt-6 pb-7 081py-lg-11 text-center">
<div class="container pl0 pr0">
        <h2 class="text-white block-header bb0">Pricing</h2>
</div>
    <div class="container bg_fff">
        <div class="row flex-wrap justify-content-center">
            <div class="col-12 col-sm-7 col-md-12 col-lg-9">
                <div class="card-deck">
                    <div class="card mb-2 bor-rad free">
                        <div class="card-body pt-8 pb-9">
                            <h4 class="card-title">Free</h4>
                            <p class="card-price mb-6"><strong class="d-block"><b style="color: #000;">$</b><span class="fz030">0</span></strong> <em>per month</em></p>
                            <p class="card-price-desc card-text">Book up to <b style="color: #000;">40</b> <span class="d-lg-block">appointments</span> <span class="d-lg-block">per month</span></p>
                        </div>
                    </div>
                    <div class="card mb-2 bor-rad basic">
                        <div class="card-body pt-8 pb-9">
                            <h4 class="card-title text-primary color-fff">Standard</h4>
                            <p class="card-price mb-6"><strong class="d-block">$<span class="fz30">6</span>.99</strong> <em>per month</em></p>
                            <p class="card-price-desc card-text">Book up to <strong>100</strong> <span class="d-lg-block">appointments</span> <span class="d-lg-block">per month</span></p>
                            <a class="btn btn-default btn-upgrade js-select-plus" href=""> Upgrade Now</a>
                        </div>
                    </div>
                    <div class="card mb-2 bor-rad plus">
                        <div class="card-body pt-8 pb-9">
                            <h4 class="card-title text-info color-fff">Unlimited</h4>
                            <p class="card-price mb-6"><strong class="d-block">$<span class="fz30">13</span>.99</strong> <em>per month</em></p>
                            <p class="card-price-desc card-text">Book <strong>unlimited</strong> <span class="d-lg-block">appointments</span> <span class="d-lg-block">per month</span></p>
                            <a class="btn btn-default btn-upgrade js-select-plus" href=""> Upgrade Now</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row flex-wrap justify-content-center">
            <div class="col-lg-7">
                <p class="text-white text-shadow mt-8">
                    <img src="images/lduigou.gif" class="imgwh d-inline-block mr-1" width="24" height="24" alt="checkmark" aria-hidden="true">
                    All new sign-ups are free and unlimited for the first <span class="nowrap">30 days.</span>
                </p>
                <p class="text-white text-shadow">
                    <img src="images/lduigou.gif" class="imgwh d-inline-block mr-1" width="24" height="24" alt="checkmark" aria-hidden="true">
                    All plans have access to the complete feature suite including auto confirms, reminders, and <span class="nowrap">payment processing.</span>
                </p>
            </div>
        </div>
    </div>
</section>
</div>
</body>

    <!--<script src="js/bootstrap.min.js"> </script>-->
    <!--<script src="js/jquery-3.3.1.min.js"> </script>-->
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
        crossorigin="anonymous"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
        crossorigin="anonymous"></script>
</html>